<template>
    <div class="px-[10px]">
        <div
            class="flex flex-row h-full justify-between items-center"
        >
            <div
                class="flex flex-row items-center gap-[12px]"
            >
                <div
                    class="text-[15px] leading-[1.2] font-500 text-[#45A1FF]"
                >
                    {{ flowName }}
                </div>
                <!-- | -->
                <!-- <i-ep-delete
                    class="text-[#45A1FF] text-[16px]"
                /> -->
            </div>
            <!-- <div class="flex flex-row items-center gap-[6px]">
                <el-button round>
                    <template #icon>
                        <i-ep-document class="text-[14px]" />
                    </template>
                    流程信息
                </el-button>
                <el-button
                    round
                    v-for="(flow, index) in otherFlows"
                    :key="'other-flow' + index"
                >
                    <template #icon>
                        <i-ep-refresh class="text-[14px]" />
                    </template>
                    切换{{ flow.name }}
                </el-button>
            </div> -->
        </div>
    </div>
</template>
<script setup>
defineProps({
    flowName: {
        type: String,
        required: false,
        default: '',
    },
});
const otherFlows = ref([
    {
        name: '流程A',
    },
    {
        name: '流程B',
    },
    {
        name: '流程C',
    },
]);
</script>
